<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=0.7,maximum-scale=1,minimum-scale=0.5">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$row.title}</title>
    <link href="__CDN__/assets/css/index-douyin/vendor.css" rel="stylesheet">
    <link href="__CDN__/assets/css/index-douyin/preview.css" rel="stylesheet">
    <script src="__CDN__/assets/libs/mui/mui.min.js"></script>
    <script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
    <script src="__CDN__/assets/libs/fastadmin-layer/dist/layer.js"></script>
</head>
<body style="width: 100%;">
<div id="simulator-container" class="" style="display: inherit; ">
    <div class="screen-viewport" style="height: 844px;min-width: 300px;min-height: 844px;transform: matrix(1, 0, 0, 1, 0, 0);width: 100%;">
        <div class="zoom-area" style="transform: scale(1);width: 100%;">
            <div id="simulator" class="style__StyledSimulator-m9lqnr-0 bmJnxy mb-screen windows ios iphone portrait" style="height: 844px;width: 100%;">
                <div id="app" style="touch-action: auto;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);width: 100%;">
                    <div id="pscreenskqr7c6y14wm6qc" data-cid="skqr7c6y14wm6qc" data-orientation="portrait" class="pcanvas portrait active" style="background-color: rgb(255, 255, 255);height: 929px;z-index: 3;transform: none;width: 100%;">
                        <div class="screen-content" style="width: 100%;">
                            <div class="widgets" style="height: 807px;touch-action: auto;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);left: 0px;top: 0px;width: 100%;">
                                <div class="scontainer" style="height: 929px;margin-top: -88px;width: 100%;">
                                    <div data-cid="skqr7c6y14wm6qc" data-link_cid="" class="tree-node" style="position: absolute;top: 0px;left: 0px;opacity: 1;transform-origin: 195px 464.5px;width: 100%;">
                                        <div data-cid="ikqr7cn8xn15p5s" data-link_cid="" class="tree-node" style="position: absolute;top: 0;left: 0px;z-index: 6;opacity: 1;transform-origin: 195px 404.5px;width: 100%;">
                                            <div style="position: absolute;left: 0px;top: 0px;height: 809px;width: 100%;">
                                                <div class="widget rounded_rect hcenter vmiddle" style="width: 100%;height: 2160px;background-color: rgb(22, 24, 36);border-width: 0px;border-style: none;border-color: unset;font-size: 14px;padding: 0px;text-align: center;line-height: 20px;font-weight: normal;font-style: normal;">
                                                    <div class="text" style="padding: 0px;"><p>&nbsp;</p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr7e4z9eni929" data-link_cid="" class="tree-node" style="position: absolute;top: 43px;z-index: 7;opacity: 1;transform-origin: 108px 24px;width: 100%;text-align: center;">
                                            <div style="position: absolute;left: 0px;top: 0px;height: 48px;width: 100%;">
                                                <div class="widget rich_text hleft vtop auto" style="height: 48px;font-size: 14px;text-align: left;font-weight: normal;font-style: normal;width: 100%;">
                                                    <div class="rich-text"><p style="line-height:0;margin-bottom:5px;text-align: center;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:FZLanTingHei; font-weight:400; font-size:36px; color:rgba(255, 255, 255, 1); font-style:normal; letter-spacing:0px; line-height:48px; text-decoration:none;">发视频领奖励</span>
                                                        </p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr7fy9pk891k4" data-link_cid="" class="tree-node" style="position: absolute;top: 105px;left: 50%;z-index: 8;opacity: 1;transform-origin: 112px 10px;width: 100%;margin-left: -112px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 224px; height: 20px;">
                                                <div class="widget rich_text hleft vtop auto" style="width: 224px; height: 20px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgba(255, 255, 255, 1); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;padding: 0 10px;background-color: rgb(22, 24, 36);">选择任意视频发布即可领取商家奖励</span></p></div>
                                                </div>
                                            </div>
                                            <hr style="position: relative;top: 9px;margin-left: -800px;z-index: -1;">
                                        </div>
                                        <div data-cid="pkqr7t46dt6jysr" data-link_cid="" class="tree-node" style="position: absolute; top: 143px; left: 50%; z-index: 16; opacity: 1; transform-origin: 252px 156px;margin-left: -252px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 504px; height: 312px;">
                                                <div class="widget panel" style="width: 504px; height: 312px; font-weight: normal; font-style: normal;">
                                                    <div class="panel-scroll-box" style="width: 500px; height: 311px;">
                                                        <div id="statepkqr7t46dt6jysrskqr7t468tgd221p" class="pstate state active" data-cid="skqr7t468tgd221" style="width: 500px; height: 311px; background-color: transparent; z-index: 3; transform: none;">
                                                            <div data-cid="skqr7t468tgd221" data-link_cid="" class="tree-node" style="position: absolute; top: 0px; left: 0px; opacity: 1; transform-origin: 250px 155.5px;">
                                                                <!--middle-->
                                                                <div data-cid="ikqr7t7sbssqeur" data-link_cid="" class="tree-node" style="position: absolute; top: 2px; left: 165px; z-index: 17; opacity: 1; transform-origin: 87px 154.5px;">
                                                                    <div style="position: absolute; left: 0px; top: 0px; width: 174px; height: 309px;">
                                                                        <div class="widget image_view" style="width: 174px; height: 309px; border-color: unset; border-width: 0px; border-style: none; border-radius: 10px; font-weight: normal; font-style: normal;">
                                                                            <div class="style__StyledImageWrapper-urqge1-0 jmurxA image-wrapper" style="overflow: hidden; border-color: rgb(255, 169, 63); border-width: 2px; border-style: solid; border-radius: 10px; box-shadow: none;">
                                                                                <span style="display: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" class="sc-eCApnc iylGhi svg-icon icon" viewBox="0 0 24 22" aria-hidden="true" style="width: 24px; height: 22px;"><path d="M2.273.1h17.454c1.205 0 2.182.977 2.182 2.182v15.436a2.182 2.182 0 0 1-2.182 2.182H2.273A2.182 2.182 0 0 1 .09 17.718V2.282C.09 1.077 1.068.1 2.273.1zm0 3.29v13.22c0 .602.488 1.09 1.09 1.09h15.273a1.09 1.09 0 0 0 1.091-1.09V3.39a1.09 1.09 0 0 0-1.09-1.09H3.363a1.09 1.09 0 0 0-1.091 1.09zm1.09 12.172V14.4l2.905-2.928a1.09 1.09 0 0 1 1.664.137l1.108 1.565a1.09 1.09 0 0 0 1.766.02l3.023-4.064a1.09 1.09 0 0 1 1.82.105l2.987 5.165v1.113c0 .601-.486 1.089-1.086 1.091l-13.091.05a1.09 1.09 0 0 1-1.095-1.092zM7.183 7.8a1.643 1.643 0 0 1-1.637-1.65c0-.911.733-1.65 1.637-1.65s1.636.739 1.636 1.65c0 .911-.732 1.65-1.636 1.65z" fill="#8D9EA7" fill-rule="evenodd"></path></svg></span>
                                                                                <div class="wrapper" style="top: -1px; left: -2px; width: 174px; height: 309px; transform: rotate(0deg);">
                                                                                    <img id="poster_curr" class="img poster_item" draggable="false" style="display: block; width: 100%; height: 100%; pointer-events:inherit;">
                                                                                    <video src="" height="100%" width="100%" id="video" preload="none" controls style="display: none; position: relative; top: -309px;"></video>
                                                                                    <input type="hidden" id="video_id" value="" data-index=""/>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!--right-->
                                                                <div data-cid="ikqr7t7sbeywt37" data-link_cid="" class="tree-node slide_right" style="position: absolute; top: 20px; left: 338px; z-index: 18; opacity: 1; transform-origin: 82px 146px;">
                                                                    <div style="position: absolute; left: 0px; top: 0px; width: 164px; height: 292px; opacity: 0.5;">
                                                                        <div class="widget image_view" style="width: 164px; height: 292px; border-width: 0px; border-style: none; border-color: unset; border-radius: 0px; font-weight: normal; font-style: normal;">
                                                                            <div class="style__StyledImageWrapper-urqge1-0 jmurxA image-wrapper" style="overflow: hidden; border-radius: 0px; box-shadow: none;"><span style="display: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" class="sc-eCApnc iylGhi svg-icon icon" viewBox="0 0 24 22" aria-hidden="true" style="width: 24px; height: 22px;"><path
                                                                                            d="M2.273.1h17.454c1.205 0 2.182.977 2.182 2.182v15.436a2.182 2.182 0 0 1-2.182 2.182H2.273A2.182 2.182 0 0 1 .09 17.718V2.282C.09 1.077 1.068.1 2.273.1zm0 3.29v13.22c0 .602.488 1.09 1.09 1.09h15.273a1.09 1.09 0 0 0 1.091-1.09V3.39a1.09 1.09 0 0 0-1.09-1.09H3.363a1.09 1.09 0 0 0-1.091 1.09zm1.09 12.172V14.4l2.905-2.928a1.09 1.09 0 0 1 1.664.137l1.108 1.565a1.09 1.09 0 0 0 1.766.02l3.023-4.064a1.09 1.09 0 0 1 1.82.105l2.987 5.165v1.113c0 .601-.486 1.089-1.086 1.091l-13.091.05a1.09 1.09 0 0 1-1.095-1.092zM7.183 7.8a1.643 1.643 0 0 1-1.637-1.65c0-.911.733-1.65 1.637-1.65s1.636.739 1.636 1.65c0 .911-.732 1.65-1.636 1.65z" fill="#8D9EA7" fill-rule="evenodd"></path></svg></span>
                                                                                <div class="wrapper" style="top: 0px; left: 0px; width: 164px; height: 292px; transform: rotate(0deg);">
                                                                                    <img id="poster_right_next" class="img poster_item" draggable="false" style="display: block; width: 100%; height: 100%; pointer-events:inherit;">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!--left-->
                                                                <div data-cid="ikqr7t7sbza655n" data-link_cid="" class="tree-node slide_left" style="position: absolute; top: 20px; left: 1px; z-index: 20; opacity: 1; transform-origin: 82px 146px;">
                                                                    <div style="position: absolute; left: 0px; top: 0px; width: 164px; height: 292px; opacity: 0.5;">
                                                                        <div class="widget image_view" style="width: 164px; height: 292px; border-width: 0px; border-style: none; border-color: unset; border-radius: 0px; font-weight: normal; font-style: normal;">
                                                                            <div class="style__StyledImageWrapper-urqge1-0 jmurxA image-wrapper" style="overflow: hidden; border-radius: 0px; box-shadow: none;"><span style="display: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" class="sc-eCApnc iylGhi svg-icon icon" viewBox="0 0 24 22" aria-hidden="true" style="width: 24px; height: 22px;"><path
                                                                                            d="M2.273.1h17.454c1.205 0 2.182.977 2.182 2.182v15.436a2.182 2.182 0 0 1-2.182 2.182H2.273A2.182 2.182 0 0 1 .09 17.718V2.282C.09 1.077 1.068.1 2.273.1zm0 3.29v13.22c0 .602.488 1.09 1.09 1.09h15.273a1.09 1.09 0 0 0 1.091-1.09V3.39a1.09 1.09 0 0 0-1.09-1.09H3.363a1.09 1.09 0 0 0-1.091 1.09zm1.09 12.172V14.4l2.905-2.928a1.09 1.09 0 0 1 1.664.137l1.108 1.565a1.09 1.09 0 0 0 1.766.02l3.023-4.064a1.09 1.09 0 0 1 1.82.105l2.987 5.165v1.113c0 .601-.486 1.089-1.086 1.091l-13.091.05a1.09 1.09 0 0 1-1.095-1.092zM7.183 7.8a1.643 1.643 0 0 1-1.637-1.65c0-.911.733-1.65 1.637-1.65s1.636.739 1.636 1.65c0 .911-.732 1.65-1.636 1.65z" fill="#8D9EA7" fill-rule="evenodd"></path></svg></span>
                                                                                <div class="wrapper" style="top: 0px; left: 0px; width: 164px; height: 292px; transform: rotate(0deg);">
                                                                                    <img id="poster_left_prev" class="img poster_item" draggable="false" style="display: block; width: 100%; height: 100%; pointer-events:inherit;">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8hxi3pp3sh8" data-link_cid="" class="tree-node" style="position: absolute;top: 463px;left: 50%;z-index: 17;opacity: 1;transform-origin: 7.5px 7.5px;margin-left: -8px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 15px; height: 15px;">
                                                <div class="widget triangleb" style="width: 15px; height: 15px; font-weight: normal; font-style: normal; color: rgb(229, 229, 229); background-color: unset;">
                                                    <svg xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M 7.5 0 L 15 15 L 0 15 Z"></path>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8icrkmhf55d" data-link_cid="" class="tree-node" style="position: absolute;top: 480px;left: 50%;z-index: 18;opacity: 1;transform-origin: 49px 10px;width: 100%;margin-left: -50px;">
                                            <div style="position: absolute;left: 0px;top: 0px;width: 98px;height: 20px;">
                                                <div class="widget rich_text hleft vtop auto" style="width: 98px; height: 20px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgba(255, 255, 255, 1); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">选择发布此视频</span>
                                                        </p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8kjvloipth3" data-link_cid="" class="tree-node" style="position: absolute;top: 506px;left: 18px;z-index: 19;opacity: 1;transform-origin: 177px 33.5px;width: 100%;">
                                            <div style="position: absolute;left: 0px;top: 0px;/* width: 354px; */height: 67px;width: 100%;">
                                                <div class="widget rounded_rect hcenter vmiddle" style="width: 92%;height: 67px;background-color: rgb(29, 31, 43);border-width: 0px;border-style: none;border-color: unset;font-size: 14px;padding: 0px;text-align: center;line-height: 20px;font-weight: normal;font-style: normal;">
                                                    <div class="text" style="padding: 0px;"><p>&nbsp;</p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8u0qq1bejl8" data-link_cid="" class="tree-node" style="position: absolute; top: 513px; left: 27px; z-index: 21; opacity: 1; transform-origin: 25px 25px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 50px; height: 50px;">
                                                <div class="widget image_view" style="width: 50px; height: 50px; border-color: unset; border-width: 0px; border-style: none; border-radius: 25px; font-weight: normal; font-style: normal;">
                                                    <div class="style__StyledImageWrapper-urqge1-0 jmurxA image-wrapper" style="overflow: hidden; border-color: rgb(187, 187, 187); border-width: 0px; border-style: solid; border-radius: 25px; box-shadow: none;">
                                                        <span style="display: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" class="sc-eCApnc iylGhi svg-icon icon" viewBox="0 0 24 22" aria-hidden="true" style="width: 24px; height: 22px;"><path d="M2.273.1h17.454c1.205 0 2.182.977 2.182 2.182v15.436a2.182 2.182 0 0 1-2.182 2.182H2.273A2.182 2.182 0 0 1 .09 17.718V2.282C.09 1.077 1.068.1 2.273.1zm0 3.29v13.22c0 .602.488 1.09 1.09 1.09h15.273a1.09 1.09 0 0 0 1.091-1.09V3.39a1.09 1.09 0 0 0-1.09-1.09H3.363a1.09 1.09 0 0 0-1.091 1.09zm1.09 12.172V14.4l2.905-2.928a1.09 1.09 0 0 1 1.664.137l1.108 1.565a1.09 1.09 0 0 0 1.766.02l3.023-4.064a1.09 1.09 0 0 1 1.82.105l2.987 5.165v1.113c0 .601-.486 1.089-1.086 1.091l-13.091.05a1.09 1.09 0 0 1-1.095-1.092zM7.183 7.8a1.643 1.643 0 0 1-1.637-1.65c0-.911.733-1.65 1.637-1.65s1.636.739 1.636 1.65c0 .911-.732 1.65-1.636 1.65z" fill="#8D9EA7" fill-rule="evenodd"></path></svg></span>
                                                        <div class="wrapper" style="top: 0px; left: 0px; width: 50px; height: 48px; transform: rotate(0deg);"><img class="img" src="{$row->manystoreshop->logo}" draggable="false" style="display: block; width: 50px; height: 48px;">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8v3zvd4x65x" data-link_cid="" class="tree-node" style="position: absolute; top: 513px; left: 86px; z-index: 22; opacity: 1; transform-origin: 36px 13px;">
                                            <div style="position: absolute; left: 0px; top: 0px; height: 26px;">
                                                <div class="widget rich_text hleft vtop auto" style="height: 26px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px; text-overflow: ellipsis; overflow: hidden;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:18px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:26px; text-decoration:none;">{$row->manystoreshop->name}</span>
                                                        </p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8vyz3j5uqdj" data-link_cid="" class="tree-node" style="position: absolute; top: 539px; left: 87px; z-index: 23; opacity: 1; transform-origin: 126px 10px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 252px; height: 20px;">
                                                <div class="widget rich_text hleft vtop auto" style="width: 252px; height: 20px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px; text-overflow: ellipsis; overflow: hidden;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">{if($row->paytype === '1')}<a href="{$row->manystoreshop->douyin_url}" style="color:#607d8b;">{$row->manystoreshop->douyin_url}</a>{else/}{$row->card->rule}{/if}</span></p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr8yzbod4nsgg" data-link_cid="" class="tree-node" style="position: absolute;top: 607px;left: 19px;z-index: 24;opacity: 1;transform-origin: 177px 23px;width: 100%;">
                                            <div style="position: absolute;left: 0px;top: 0px;width: 100%;height: 46px;">
                                                <div class="widget rounded_rect hcenter vmiddle" style="width: 92%;height: 46px;background-color: rgba(255, 41, 41, 0.94);border-width: 0px;border-style: none;border-color: unset;color: rgb(255, 255, 255);border-radius: 5px;font-size: 18px;padding: 0px;text-align: center;line-height: 26px;font-weight: normal;right: 0px;left: 0px;">
                                                    <div id="publish" class="text" style="padding: 0px;"><p>{if($row->paytype === '1')}发布视频{else/}发布领取福利{/if}</p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr92kt3ru7ni5" data-link_cid="" class="tree-node" style="position: absolute; top: 579px; left: 19px; z-index: 25; opacity: 1; transform-origin: 11px 11px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 22px; height: 22px;">
                                                <div class="widget ios_check" style="width: 22px; height: 22px; font-weight: normal; font-style: normal;"><label class="iOS-Check">
                                                        <input type="checkbox" checked id="input_agreement">
                                                        <span class="CheckState"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8"><path d="M1 4.5L4.5 8l8-8"></path></svg></span></label>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr92ssd8sp88z" data-link_cid="" class="tree-node" style="position: absolute; top: 579px; left: 49px; z-index: 26; opacity: 1; transform-origin: 49px 10px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 98px; height: 20px;">
                                                <div class="widget rich_text hleft vtop auto" style="width: 98px; height: 20px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">我已阅读并同意</span>
                                                        </p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr93f4l6e70dm" data-link_cid="ikqr9z7fhplzt1c" class="tree-node clickable" style="position: absolute; top: 579px; left: 147px; z-index: 27; pointer-events: auto; opacity: 1; transform-origin: 42px 10px;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 84px; height: 20px;">
                                                <div class="widget rich_text hleft vtop auto" style="width: 84px; height: 20px; font-size: 14px; text-align: left; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text"><p style="line-height:0; margin-bottom:5px;" id="show_agreement"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgba(255, 169, 63, 1); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">《活动须知》</span>
                                                        </p></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr94pof5xmul8" data-link_cid="" class="tree-node" style="position: absolute; top: 669px; left: 0; z-index: 28; opacity: 1; transform-origin: 75px 35px; width: 100%;">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 70px;">
                                                <div class="widget rich_text hcenter vtop auto" style="width: 100%; height: 70px; font-size: 14px; text-align: center; font-weight: normal; font-style: normal;">
                                                    <div class="rich-text" style="text-align: center; font-size: 0;"><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">本活动非抖音官方提供</span></p><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">本活动由[{:mb_substr($row->manystoreshop->name, 0, 20)}]发起</span></p><p style="line-height:0; margin-bottom:5px;"><span class="--mb--rich-text" data-boldtype="0" style="font-family:PingFangSC; font-weight:400; font-size:14px; color:rgb(255, 255, 255); font-style:normal; letter-spacing:0px; line-height:20px; text-decoration:none;">[{:mb_substr(config('site.name'), 0, 20)}]提供技术支持</span></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-cid="ikqr86e5774bwhx" data-link_cid="" class="tree-node" style="position: absolute; top: 268px; left: 50%; z-index: 22; opacity: 1; transform-origin: 20px 20px 0px; margin-left: -20px;">
                                            <div id="btn_play" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px;">
                                                <div class="widget svg_icon_path" style="width: 40px; height: 40px; border-color: rgb(63, 62, 62); border-width: 0px; border-style: solid; color: rgb(227, 227, 227); font-weight: normal; font-style: normal; filter: none;">
                                                    <span class="icon svg-icon-wrap svg-antFill svg-antFill-antFill-play-circle-wrap" style="width: 100%; height: 100%; min-width: 40px; min-height: 40px;"><svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" style="fill: rgb(227, 227, 227);" viewBox="64 64 896 896" width="40" height="40"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm144.1 454.9L437.7 677.8a8.02 8.02 0 0 1-12.7-6.5V353.7a8 8 0 0 1 12.7-6.5L656.1 506a7.9 7.9 0 0 1 0 12.9z"></path></svg></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="agreement_text" style="text-indent: 2rem; line-height: 1.5rem; padding: 10px; display: none;">
    为了更好的保障您的权益，您应当阅读并遵守《活动须知》(以下称本须知)。[{:mb_substr(config('site.name'), 0, 20)}]是本功能的技术服务提供者，您扫码参与的活动由商家独立运营并独立承担全部责任。因商家服务或其使用您的信息而产生的纠纷，或商家违法相关法律法规或协议约定，或您使用商家服务过程中遭受损失的，请您与商家协商解决。您知悉并确认，您选择发布的由商家提供的视频内容，若您点击“发布至料音”，即视为您同惹通过您的抖音账号公开发布您选择的由商家提供的视频，并且您同惹在视频页面展示商家配宜的相关信息（包括但不限于商家活动信息、商家店铺的定位信息）。若您选择发布的视频或商家配亘相关信息等内容，您理解并承诺，若您使用本服务时上传、发布的内容，是合法、有效、无争议，且不侵犯任何第三方合法权益的。如有因上传内容而使抖音平台或其关联公司陷入任何投诉、调查、法律纠纷、行政处罚、诉讼或仲裁等，您将负责全权吃力喝承担相关费用,并赔傍被授权平台及其关联公司因此受到的全部损失。
</div>
<div id="video_c" style="display: none;">
    {foreach name="videoData" item="v" key="k"}
    <video src="{$v->local}" data-id="{$v->id}" preload="auto" poster=""></video>
    {/foreach}
</div>

<script>
    let allVideoEle = $('#video_c>video');

    //下一个视频
    $('#poster_right_next').click(function () {
        let _this = this;
        let index = parseInt($('#video_id').attr('data-index'));
        let next = index + 1;
        let nextNext = index + 2;

        hideAndPauseVideo();

        if (next >= 0 && next < allVideoEle.length) {
            $('#video_id').val(allVideoEle.eq(next).data('id')).attr('data-index', next);
            $('#poster_curr').attr('src', allVideoEle.eq(next).attr('poster'));
            $('#poster_left_prev').attr('src', allVideoEle.eq(index).attr('poster')).show();
        }

        if (nextNext >= 0 && nextNext < allVideoEle.length) {
            $(_this).attr('src', allVideoEle.eq(nextNext).attr('poster')).show();
        } else {
            $(_this).attr('src', '').hide();
        }
    });

    //上一个视频
    $('#poster_left_prev').click(function () {
        let _this = this;
        let index = parseInt($('#video_id').attr('data-index'));
        let prev = index - 1;
        let prevPrev = index - 2;

        hideAndPauseVideo();

        if (prev >= 0 && prev < allVideoEle.length) {
            $('#video_id').val(allVideoEle.eq(prev).data('id')).attr('data-index', prev);
            $('#poster_curr').attr('src', allVideoEle.eq(prev).attr('poster'));
            $('#poster_right_next').attr('src', allVideoEle.eq(index).attr('poster')).show();
        }

        if (prevPrev >= 0 && prevPrev < allVideoEle.length) {
            $(_this).attr('src', allVideoEle.eq(prevPrev).attr('poster')).show();
        } else {
            $(_this).attr('src', '').hide();
        }
    });

    function hideAndPauseVideo() {
        $('#video').hide().trigger('pause');
        $('#btn_play').show();
    }

    //点击播放按钮后，按钮隐藏，并开始播放视频
    $('#btn_play').click(function () {
        let index = parseInt($('#video_id').attr('data-index'));
        let src = allVideoEle.eq(index).attr('src');

        $(this).hide();
        $('#video').attr('src', src).show().trigger('play');
    });
    //播放结束后，本身播放器隐藏，显示播放按钮
    $('#video')[0].addEventListener('ended', function () {
        $(this).hide();
        $('#btn_play').show();
    });

    //显示用户协议
    $('#show_agreement').click(function () {
        layer.open({
            type: 1,
            area: ['80%', '60%'],
            shadeClose: true,
            title: '活动须知',
            content: $('#agreement_text'),
        });
    });

    //发布
    let alreadyPublish = 0;
    $('#publish').on('click', function () {
        if (alreadyPublish) return;

        if ($('#input_agreement').prop('checked') !== true) {
            layer.msg('请先阅读并同意《活动须知》', {time: 1000, icon: 0});
            return;
        }

        let _this = this;
        layer.open({
            content: '领取后该视频将自动转发',
            yes: function (index) {
                let loading = layer.load();
                $(_this).text('已提交');
                alreadyPublish = 1;

                $.ajax({
                    url: "{:url('index/index/upload')}",
                    type: 'POST',
                    data: {
                        open_id: '{$open_id}',
                        access_token: '{$access_token}',
                        aivideo: $('#video_id').val(),
                        ids: '{$row.id}',
                        cardid:'cardid',
                    },
                    timeout: 60000,//超时时间设置为6秒；
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    success: function (res) {
                        layer.close(loading);
                        if (typeof (res) === 'string') {
                            res = JSON.parse(res);
                        }
                        layer.alert(res.msg, {
                            closeBtn: 0,
                        }, function () {
                            window.location.href = "{$redirect_url}";
                            layer.closeAll();
                        });
                    },
                    error: function (xhr, msg, e) {
                        layer.close(loading);
                        if (msg === 'timeout') {
                            layer.alert('超时', function () {
                                layer.closeAll();
                            });
                        } else {
                            layer.alert('网络繁忙，请稍后重试', function () {
                                layer.closeAll();
                            });
                        }
                    }
                });

                layer.close(index);
            }
        });
    });

    //初始化视频预览图片
    $(document).ready(function () {
        let posterItemEle = $('.poster_item');
        allVideoEle.each(function () {
            let i = $(this).index();
            $(this)[0].addEventListener('canplaythrough', function () {
                let _this = this;
                let canvas = document.createElement("canvas");
                let img = document.createElement("img");

                canvas.width = _this.videoWidth;
                canvas.height = _this.videoHeight;
                canvas.getContext('2d').drawImage(_this, 0, 0, canvas.width, canvas.height);
                img.src = canvas.toDataURL("image/png");
                $(_this).attr('poster', img.src);

                //初始化轮播图
                if (i < 3) {
                    posterItemEle.eq(i).attr('src', img.src);
                }

                //初始化video_id
                if (i === 0) {
                    $('#video_id').val(allVideoEle.eq(i).data('id')).attr('data-index', i);
                }
            });
        });
    });
</script>

</body>
</html>
